<template>
    <v-card style="margin-bottom: 2rem;">
        <v-card-actions class="lighten-4">
            <span class="v-btn v-size--default v-btn__content">{{ title }}</span>
            <v-spacer></v-spacer>
            <slot name="header-right" />
        </v-card-actions>
        <v-divider class="dashed"></v-divider>
        <v-card-text>
            <slot />
        </v-card-text>
    </v-card>
</template>

<script lang="ts">
import Vue from 'vue';

export default Vue.extend({
    props: {
        title: {
            type: String,
            default: 'Title',
        },
    },
});
</script>
